<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<ul id="nav">

	
	<c:if test="${sessionScope.user.role eq 'admin'}">
		<li><a href="#">User</a>
			<ul>
				<li><a href="#">Add *</a></li>
				<li><a href="removeUser.do">Remove</a></li>
				<li><a href="#">Update *</a></li>
			</ul>
		</li>
		<li><a href="#">Title</a>
			<ul>
				<li><a href="addTitle.do">Add</a></li>
				<li><a href="removeTitle.do">Remove</a></li>
				<li><a href="updateTitle.do">Update</a></li>
			</ul>
		</li>
		<li><a href="#">Item</a>
			<ul>
				<li><a href="addItem.do">Add</a></li>
				<li><a href="removeItem.do">Remove</a></li>
				<li><a href="updateItem.do">Update</a></li>
			</ul>
		</li>
		
			<li><a href="#">Loan</a>
		<ul>
			<li><a href="displayLoan.do"> Display All</a> </li>
			<li><a href="#"> Edit *</a> </li>	
			<li><a href="#"> Remove *</a> </li>
		
		
		</ul>
		
		<li><a href="#">Renewal</a>
		<ul>
			<li><a href="addRenewal.do"> Add</a> </li>
			<li><a href="removeRenewal.do"> Remove</a> </li>	
			<li><a href="updateRenewal.do"> Update</a> </li>
		
		
		</ul>
		
		</li>
	</c:if>
		<c:if test="${sessionScope.user.role eq 'user'}">
		<li><a href="#">Titles</a>
			<ul>
				<li><a href="displayTitle.do">Show Titles</a></li>
			</ul>
		</li>
		
		
		<li><a href="#">Loans</a>
		<ul>
		<li><a href="showUserLoan.do">All Loans</a> </li>
			<li><a href="renewLoan.do">Extendable Loans</a> </li>
		</ul>
		
		</li>
		<li><a href="payfees.do">Pay Fees </a></li>
		
	</c:if>
	
	<li><a href="logout.do">logout</a></li>

</ul>
<c:if test="${sessionScope.user.role eq 'user'}">

  <script src="jquery.min.js"></script>
<div id="wrapper" >  </div>
    <script>
    setInterval(function(){autoloadpage()},3000); // it will call the function autoload() after each 30 seconds =3000. 
    function autoloadpage()
        {
    	var root = location.protocol + '//' + location.host +'/'+ 'LibraryApp/ajaxNotification.do';

                $.ajax({
                    url : root,
                    type : "GET",
                    success: function(data) {
                      $("div#wrapper").html(data); // here the wrapper is main div
                    }
                })
           }
    
    </script>

</c:if>